<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : promotionEvent.jsp
    Description : 이벤트 프로모션 내역을 보여준다.
    author jkKim
    since 2012. 5. 10.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 5. 10.     jkKim     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>:::::현대자동차:::::</title>
    <meta name="name" content="content" />
    <meta name="author" content="Pentabreed" />
    <link rel="stylesheet" type="text/css" href="/kr/common/css/hmc.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/kr/common/css/print.css" media="print" />
    <script type="text/javascript" src="/kr/common/js/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="/kr/common/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/kr/common/js/jquery.touchwipe.min.js"></script>
    <script type="text/javascript" src="/kr/common/js/selectbox.js"></script>
    <script type="text/javascript" src="/kr/common/js/ui.js"></script>
    <script type="text/javascript" src="/kr/common/js/print/jquery.PrintArea.js_4.js"></script>
    <script type="text/javascript" src="/kr/common/js/print/jquery.printElement.js"></script>
</head>
<script>
function setEvnt(id, sn){
    $("#dtlImg").html($("#"+id).html());
    $("#evntMnSn").val(sn); 
}
function goEvnt(){
    var sn = $("#evntMnSn").val();
    if(sn)
        location="/kr/evnt/selectEvntMnDetail.do?evntMnSn="+sn;
}
$(document).ready(function() {
    $('.listcutter').listcutter();
});
</script>
<body>

<div id="wrap">
    <div id="promotion-header"><div class="header-inner">
        <h1><a href="/kr/index.do"><img src="/kr/images/promotion/gnb/logo.gif" alt="HYUNDAI" /></a></h1>
        <ul id="promotion-navigation">
            <li><a href="/kr/estimation/estimationgeneral.do" target="_blank"><img src="/kr/images/promotion/gnb/menu01.gif" alt="견적내기" /></a></li>
            <li><a href="/kr/pur/purMgmtFrontView.do" target="_blank"><img src="/kr/images/promotion/gnb/menu02.gif" alt="구매상담 신청" /></a></li>
            <li><a href="/kr/ctlg/req/selectCtlgPaging.do" target="_blank"><img src="/kr/images/promotion/gnb/menu03.gif" alt="카탈로그 신청" /></a></li>
            <li><a href="http://www.hyundaicard.com/po/PO010000_MYCAR.jsp?access_path=H" target="_blank"><img src="/kr/images/promotion/gnb/menu04.gif" alt="M포인트 적립통장" /></a></li>
            <li><a href="/kr/sale/selectPurCndMgmtList.do" target="_blank"><img src="/kr/images/promotion/gnb/menu05.gif" alt="이달의 구매혜택" /></a></li>
        </ul>
    </div></div>
    <div id="promotion-article"> 
        <!-- promotion event list -->
        <div class="promotion-event-wrap">
            <div class="btnarea">
                <button class="prevbutton"><img src="/kr/images/common/button/btn_sns_prev.gif" alt="이전" /></button>
                <button class="nextbutton"><img src="/kr/images/common/button/btn_sns_next.gif" alt="다음" /></button>
            </div>
            <div class="listcutter"><div class="listcutter-inner">
                <ul class="col4">
                    <c:forEach var="result" items="${resultList}" varStatus="status">
                    <li>
                        <a href="javascript:setEvnt('evnt${result.evntMnSn}','${result.evntMnSn}');">
                            <img src="<c:url value='${result.mnThumnImgPath}'/>" alt="${result.evntTitl}" class="thumb" style="width:205px;height:76px"/>
                        </a>
                        <div class="service-periord">
                            <a href="javascript:setEvnt('evnt${result.evntMnSn}','${result.evntMnSn}');">${result.evntTitl}</a>
                            <p class="periord">${fn:substring(result.strtDt, 0, 4)}-${fn:substring(result.strtDt, 4, 6)}-${fn:substring(result.strtDt, 6, 8)} ~ ${fn:substring(result.fnhDt, 0, 4)}-${fn:substring(result.fnhDt, 4, 6)}-${fn:substring(result.fnhDt, 6, 8)}</p>
                            <div id="evnt${result.evntMnSn}" style="display : none;">
                                ${result.dtlImg}
                            </div>
                        </div>
                    </li>
                    </c:forEach>
                </ul>
            </div></div>
        </div>
        <!-- //promotion event list -->
        <div class="promotion-contents">
            <c:forEach var="result" items="${resultList}" varStatus="status">
            <c:if test="${status.first}">
                <div id="dtlImg"> ${result.dtlImg}
                </div>
                <div class="btnwrap">
                    <a href="javascript:goEvnt()"><img src="/kr/images/common/button/btn_go_event.gif" alt="이벤트 바로가기" /></a>
                </div>
                <input type="hidden" name="evntMnSn" id="evntMnSn" value="${result.evntMnSn}" />
            </c:if>
            </c:forEach>
        </div>
    </div>

<div id="footer">
        <div id="footer-menu"><div class="footer-menu-inner">
            <div class="menu-list">
                <a href="http://audit.hyundai-motor.com/" target="_blank"><img src="/kr/images/common/footer/footer_menu01.gif" alt="윤리경영 사이버감사실" class="first" /></a>
                <a href="/kr/fot/footer01.do"><img src="/kr/images/common/footer/footer_menu02.gif" alt="저작권안내" /></a>
                <a href="/kr/fot/privacy.do"><img src="/kr/images/common/footer/footer_menu03.gif" alt="개인정보 처리방침" /></a>
                <a href="/kr/fot/sitemap.do"><img src="/kr/images/common/footer/footer_menu04.gif" alt="사이트맵" /></a>
                <a href="/kr/fot/rss.do"><img src="/kr/images/common/footer/footer_menu05.gif" alt="RSS" /></a>
            </div>
            <p class="copyright"><img src="/kr/images/common/footer/copyright.gif" alt="COPYRIGHT 2012 HYUNDAI MOTOR COMPANY ALL RIGHT RESERVED" /></p>
            <div class="familysite">
                <div class="select-layer-wrap">
                    <div class="select-layer">Family Site</div>
                    <ul>
                        <li><a href="http://www.hyundai.co.kr" target="_blank">현대자동차 그룹</a></li>
                        <li><a href="http://blu.hyundai.com" target="_blank">블루멤버스</a></li>
                        <li><a href="http://csr.hyundai.com" target="_blank">현대자동차 CSR</a></li>
                        <li><a href="http://www.hyundai-motorsfc.com/" target="_blank">전북 현대모터스 축구단</a></li>
                        <li><a href="http://kari.hyundai.com" target="_blank">한국 자동차산업 연구소</a></li>
                        <li><a href="http://bluelink.hyundai.com/oc/hblk/index.jsp" target="_blank">블루링크</a></li>
                    </ul>
                </div>
            </div>
        </div></div>
    </div>
</div>
</body>
</html>